<template>
	<view class="container">
		<view class="top-bg">
			<image mode="widthFix" src="../../static/images/register_select_bg.png"></image>
		</view>
		<view class="btn-box">
			<view class="student-btn" @tap="goStudentRegister">我是学生</view>
			<view class="teacher-btn" @tap="goTeacherRegister">我是老师</view>
			<view class="login-btn">手机号登录></view>
		</view>
	</view>
</template>

<script>
	import { showToastMsg } from '../../utils'
	
	export default {
		data() {
			return {
				
			}
		},
		
		methods: {
			
			goStudentRegister() {
				showToastMsg('暂不开放')
			},
			
			goTeacherRegister() {
				uni.redirectTo({
					url: '/pages/teacher_register/teacher_register'
				})
			}
			
		}
	}
</script>

<style>
	.container {
		width: 750rxp;
		height: auto;
	}
	
	.top-bg image {
		width: 750rpx;
	}
	
	.btn-box {
		width: 750rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 60rpx;
	}
	
	.student-btn {
		width: 600rpx;
		height: 88rpx;
		border-radius: 44rpx;
		background: linear-gradient(90deg, #FF8806, #FBAE2B);
		font-size: 36rpx;
		color: #ffffff;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	
	.teacher-btn {
		width: 600rpx;
		height: 88rpx;
		border-radius: 44rpx;
		font-size: 36rpx;
		color: #666666;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		border: 2rpx solid #f5f5f5;
		margin-top: 40rpx;
	}
	
	.login-btn {
		font-size: 30rpx;
		color: #45d6b7;
		margin-top: 30rpx;
	}
</style>
